<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">




	<h:head>

	</h:head>


	<h:form id="test">
		<link rel="stylesheet" type="text/css"
			href="../resources/ui.jqgrid.css" />
		<link rel="stylesheet" type="text/css"
			href="../resources/redmond/jquery-ui-1.8.2.custom.css" />
		<script src="../resources/grid.locale-en.js" type="text/javascript"></script>
		<script src="../resources/jquery.jqGrid.min.js" type="text/javascript"></script>
		<script src="../js/gridTest.js" type="text/javascript"></script>
				<script src="../js/addDetailsToTable.js" type="text/javascript"></script>
		

		<script type="text/javascript">
		jQuery(document).ready(function() {				
			TestAA();
		})
	
		</script>
		<fieldset>

			<legend>Offer Brief Info</legend>
			<h:panelGrid columns="6" width="400">
				<h:outputLabel value="customer" style="width:20pt">
				</h:outputLabel>
				<h:inputText id="customer">
				</h:inputText>				

				<h:outputLabel value="position">
				</h:outputLabel>
				<h:inputText id="position">
				</h:inputText>

				<h:outputLabel value="candidate">
				</h:outputLabel>
				<h:inputText id="candidate">
				</h:inputText>


				<h:outputLabel value="manager">
				</h:outputLabel>
				<h:inputText id="manager">
				</h:inputText>



				<h:outputLabel value="location">
				</h:outputLabel>

				<h:selectOneMenu id="offer_location" style="width:150">
					<f:selectItem itemLabel="宁波" itemValue="NingBo" />
					<f:selectItem itemLabel="苏州" itemValue="Suzhu" />
				</h:selectOneMenu>

				<h:outputLabel>
				</h:outputLabel>
				<h:outputLabel>
				</h:outputLabel>

				<h:outputLabel value="offer date">
				</h:outputLabel>
				<rich:calendar id="offer_date">

				</rich:calendar>

				<h:outputLabel value="offer amount">
				</h:outputLabel>
				<h:inputText id="amount">
				</h:inputText>


			</h:panelGrid>

		</fieldset>


		<fieldset>
			<legend>offer details</legend>
			<h:outputLabel value="offer Belong">
			</h:outputLabel>
			<h:inputText id="belong">
			</h:inputText>

			<h:outputLabel value="offer Ensure">
			</h:outputLabel>
			<h:inputText id="ensure">
			</h:inputText>

			<h:outputLabel>
			</h:outputLabel>
			<h:outputLabel>
			</h:outputLabel>

		</fieldset>

		<a4j:commandButton value="Save" id="saveOfferDetails" onclick="addDetailsToTable()">
		</a4j:commandButton>

		<h:button value="SaveCommandButton" onclick="addDetailsToTable()">
		</h:button>

		<a4j:commandButton value="Test" id="insertToDB" onclick="Get_Connection()" action="Get_Connection()">
		</a4j:commandButton>

		<h:commandButton value="Cancel" >
		</h:commandButton>

		<a4j:outputPanel id="out">
			<table id="list4"></table>
		</a4j:outputPanel>

		<div id="searchPanel"></div>
	</h:form>


</ui:composition>
